<template>
  <div style="height: 50px; line-height:50px; border-bottom:1px solid #ccc;display:flex">
    <div style="width: 200px;padding-left: 50px;font-weight: bold;color: dodgerblue">个人Blog</div>
<!--    中间主体选项-->
    <div style="flex: 1;text-align: center" >
      <el-button type="primary">🍀主页</el-button>
      <el-button type="primary">📚学习栏</el-button>
      <el-button type="primary">📚资源库</el-button>
      <el-button type="primary">🎶音乐盒</el-button>
      <el-button type="primary">🚀旅行墙</el-button>
      <el-button type="primary">🍻生活贴</el-button>
      <el-button type="primary">👨‍🎓关于我</el-button>
    </div>


<!--    输入控件-->
    <div style="width: 300px" class="demo-input-size">
      <el-input
          v-model="input1"
          class="w-50 m-2"
          size="large"
          placeholder="Please Input"
          :suffix-icon="Search"/>
    </div>
  </div>
</template>

<script>
export default {
  name: "Header",

  data(){
    return{
      input1:''
    }
  },
  methods:{

  }

}

</script>

